<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>菜单管理</title>
    <link href="/static/bootstrap/css/bootstrap.min.css"
          rel="stylesheet"/>
    <!-- Font Awesome -->
    <link href="/static/font-awesome/css/font-awesome.min.css"
          rel="stylesheet"/>
    <link href="/static/bootstrap/css/bootstrap-table.min.css"
          rel="stylesheet"/>
    <link rel="stylesheet"
          href="/static/ztree/css/metroStyle/metroStyle.css"
          type="text/css">
    <script src="/static/common/common.js"></script>
    <script src="/static/jquery-1.9.1.min.js"></script>
    <script src="/static/bootstrap/js/bootstrap.min.js"></script>
    <script src="/static/bootstrap/js/bootstrap-table.min.js"></script>
    <script
            src="/static/bootstrap/js/bootstrap-table-zh-CN.min.js"></script>
    <script type="text/javascript"
            src="/static/ztree/js/jquery.ztree.core.js"></script>
    <script src="/static/common/ewin.js"></script>

    <script src="/static/js/product.js"></script>

</head>
<body>
<input id="roleStr" type="hidden"  th:attr="value=${roleStr}" />
<div class="container">
    <div class="panel panel-default">
        <div class="panel-heading">查询条件</div>
        <div class="panel-body">
            <form id="formSearch" class="form-horizontal">
                <div class="form-group" style="margin-top:15px">
                    <label class="control-label col-sm-1" for="txt_search_name">产品名称</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control" id="txt_search_name">
                    </div>
                    <!--
                    <label class="control-label col-sm-1" for="txt_search_statu">状态</label>
                    <div class="col-sm-3">
                        <input type="text" class="form-control" id="txt_search_statu">
                    </div>  -->
                    <div class="col-sm-4" style="text-align:left;">
                        <button type="button" style="margin-left:50px" id="btn_query"
                                class="btn btn-primary">查询</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div id="toolbar" class="btn-group">
            <button id="btn_add" type="button" class="btn btn-default" >
                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>采购入库
            </button>
            <button id="btn_minus" type="button" class="btn btn-default" >
                <span class="glyphicon glyphicon-minus" aria-hidden="true"></span>销售出库
            </button>
    </div>
    <table id="tb_departments"></table>

    <!-- Modal -->
    <div class="modal fade" id="productModal" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                            aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="productModalLabel"></h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal center-block" id="productForm">
                        <div class="form-group">
                            <label for="inputTypeName" class="col-sm-2 control-label">产品类别</label>
                            <div class="col-sm-7">
                                <input type="text" class="form-control" id="inputTypeName"
                                       placeholder="请选择产品类别" disabled="disabled"> <input
                                    type="hidden" id="inputTypeId">
                            </div>
                            <div class="col-sm-3 ">
                                <button type="button" id="btn_choose" class="btn btn-primary">选择类别</button>
                            </div>
                        </div>
                        <div class="form-group">
                            <label id="inputPriceLabel" for="inputPrice"
                                   class="col-sm-2 control-label">采购单价</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="inputPrice"
                                       placeholder="请输入单价">
                            </div>
                        </div>
                        <div class="form-group">
                            <label id="inputNumberLabel" for="inputNumber"
                                   class="col-sm-2 control-label">采购数量</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="inputNumber"
                                       placeholder="请输入数量">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取&nbsp;&nbsp;消</button>
                    <button type="button" id="btn_save" class="btn btn-primary">提交审核</button>
                </div>
            </div>
        </div>
    </div>



    <div id="secondmodal" class="modal  fade" tabindex="-1">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                            aria-hidden="true">×</button>
                    <h4 class="modal-title">产品类别选择</h4>
                </div>
                <div class="modal-body" style="height:300px">
                    <ul id="tree" class="ztree" style="width:280px; overflow:auto;"></ul>
                </div>
                <div class="modal-footer" style="text-align: center;">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取&nbsp;&nbsp;消</button>
                    <button type="button" id="btn_type_save" class="btn btn-primary">确&nbsp;&nbsp;定</button>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>